<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="../public/css/style-wap.css">
		<link rel="stylesheet" href="../public/css/public-wap.css">
		<link rel="stylesheet" href="../public/node_modules/element/element.css">
		<link rel="stylesheet" href="../public/node_modules/element/icon.css">
		<link rel="stylesheet" href="../public/css/public-pc.css">
		<link rel="stylesheet" href="../public/css/style-pc.css">
		<link rel="stylesheet" href="../public/js/swiper-bundle.min.css" />
		<link rel="stylesheet" href="../public/css/animate.min.css">
		<script src="../public/js/jquery.js"></script>
		<script src="../public/js/jquery.scrollAnimations.min.js"></script>
		<script src="../public/js/popper.min.js"></script>
	</head>

	<body>
		<div id="app">
			<!-- banner内容 -->
			<div class="show-pc">
				<div class="about-head">
					<img src="../public/img/aboutBan.jpg" scale-animate="1" alt="" class="about-head-img" />

					<div class="about-head-text" data-animation="fadeInDown">
						<div class="banner-head-title">关于我们</div>
						<div class="banner-head-text">ABOUT US</div>
					</div>
					<div class="banner-sel" data-animation="bounceInLeft">
						<div class="pageContent sel-box">
							<div class="sel-item">
								<a href="/psk-web-html/about/about.html">
									<div class="sel-item-text ">
										关于我们
									</div>
								</a>
								<a href="/psk-web-html/corporateCulture/corporateCulture.html">
									<div class="sel-item-text ">
										企业文化
									</div>
								</a>
								<a href="/psk-web-html/EnterpriseAdvantages/EnterpriseAdvantages.html">
									<div class="sel-item-text ">
										企业优势
									</div>
								</a>
								<div class="sel-item-text active">
									资质荣誉
								</div>

							</div>
							<div class="sel-item-right">
								<div class="home-img-box">
									<img src="../public/img/首页home.png" alt="" class="home-img" />
								</div>
								<div class="home-box-text">
									<a href="/psk-web-html/index/index.html">首页</a>
								</div>
								<div class="home-box-text">></div>
								<div class="home-box-text">关于我们</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="show-wap">
				<div class="about-head-wap">
					<img src="../public/img/aboutBan.jpg" scale-animate="1" alt="" class="about-head-img" />
					<div class="about-head-text" data-animation="fadeInDown">
						<div class="banner-head-title-wap ">关于我们</div>
						<div class="banner-head-text-wap">ABOUT US</div>
					</div>
					<div class="banner-sel-wap" data-animation="bounceInLeft">
						<div class="pageContent sel-box">
							<div class="sel-item">
								<a href="/psk-web-html/about/about.html">
									<div class="sel-item-text-wap ">

										关于我们
									</div>
								</a>
								<a href="/psk-web-html/corporateCulture/corporateCulture.html">
									<div class="sel-item-text-wap ">
										企业文化
									</div>
								</a>
								<a href="/psk-web-html/EnterpriseAdvantages/EnterpriseAdvantages.html">
									<div class="sel-item-text-wap ">
										企业优势
									</div>
								</a>
								<a href="/psk-web-html/QualificationandHonor/QualificationandHonor.html">
									<div class="sel-item-text-wap active">
										资质荣誉
									</div>
								</a>
							</div>




						</div>
					</div>
				</div>
			</div>

			<!-- 内容 -->
			<div class="show-pc">
				<div class="qualifications-content">
					<div class="pageContent qualifications-box">
						<div class="qualifications-letf" data-animation="wobble">
							<div class="qualifications-one qualifications-active">
								<div>公司荣誉</div>
								<div class="qualifications-text"></div>
							</div>
							<div class="qualifications-two">
								<div>公司专利</div>
								<div class="qualifications-text"></div>
							</div>
						</div>
						
						<div class="qualifications-right">
							<!-- 公司荣誉 -->
							<div class="qualifications-container">
								<div class="qualifications-roll">
									<div class="swiper-item" v-for="item in 10">
										<div class="item-inner">
											<img src="../public/img/资质图片.png" alt="资质证书"
												class="qualifications-item-img" />
											<div class="qualifications-img-text">重庆市"专精特新"企业123</div>
										</div>
									</div>
								</div>
							</div>
							
							<!-- 公司专利 -->
							<div class="qualifications-container"  style="display: none;">
								<div class="qualifications-roll">
									<div class="swiper-item" v-for="item in 3">
										<div class="item-inner">
											<img src="../public/img/资质图片.png" alt="资质证书"
												class="qualifications-item-img" />
											<div class="qualifications-img-text">重庆市"专精特新"企业1</div>
										</div>
									</div>
								</div>
							</div>
							<!-- 右边切换 -->
							<div class="swiper qualifications-sel-box ">
								<div class="qualifications-arrow">
									<div class="arrow-img ">
										<i class="el-icon-arrow-up el-icon-arrow" style="font-size: 1vw;"></i>
									</div>
								</div>
								<!-- 显示文字 -->
								<div class="qualifications-right-content">
									<div class="qualifications-content-text"></div>
								</div>
								<div class="qualifications-arrow">
									<div class="arrow-img ">
										<i class="el-icon-arrow-down el-icon-arrow" style="font-size: 1vw;"></i>
									</div>
								</div>

							</div>
						</div>
					</div>

				</div>
			</div>
			<div class="show-wap">
				<div class="pageContent">
					<!-- 切换按钮 -->
					<div class="qualifications-letf-wap" data-animation="wobble">
						<div class="qualifications-one-wap active">
							<div class="one-wap-text qualifications-active-wap">公司荣誉</div>
						</div>
						<div class="qualifications-one-wap">
							<div class="one-wap-text">公司专利</div>
						</div>
					</div>

					<!-- 公司荣誉轮播 -->
					<div class="qualifications-wap show">
						<el-carousel trigger="click" height="260px" indicator-position="none">
							<el-carousel-item v-for="item in 4" :key="item">
								<img src="../public/img/资质图片.png" alt="资质证书" class="qualifications-item-img-wap" />
								<div class="qualifications-img-text-wap">重庆市知识产权优势企业</div>
							</el-carousel-item>
						</el-carousel>
					</div>

					<!-- 公司专利轮播 -->
					<div class="qualifications-wap">
						<el-carousel trigger="click" height="260px" indicator-position="none">
							<el-carousel-item v-for="item in 2" :key="item">
								<img src="../public/img/资质图片.png" alt="资质证书" class="qualifications-item-img-wap" />
								<div class="qualifications-img-text-wap">公司专利公司专利</div>
							</el-carousel-item>
						</el-carousel>
					</div>


				</div>
			</div>
				
				
				
				



		</div>
	</body>
	<script type="text/javascript" src="../public/node_modules/vue/vue.js"></script>
	<script type="text/javascript" src="../public/node_modules/element/element.js"></script>
	<script type="text/javascript" src="../public/js/pubilc.js"></script>
	<script type="text/javascript" src="../public/js/swiper-bundle.min.js"></script>
	<script type="text/javascript" src="../public/js/pubilc-wap.js"></script>

	<script>
		new Vue({
			el: '#app',
			data: function() {
				return {
					dialogTableVisible: false,

				}
			},
			methods: {

			}

		});
	</script>

	<script>

	</script>
</html>